.page-yi-code{
    position: relative;
    overflow: hidden;
    .hideInput{
        width: calc(100% + 1000px);
        position: absolute;
        top: 0;
        left: -1000px;
        opacity: 0;
        z-index: 2;
        border: 0;
    }

    .showInput{
        display: flex;
        justify-content: space-between;
        background: #fff;
        .inputBox{
            position: relative;
            background: #fff;
            .input{
                height: 80px;
                width: 80px;
                text-align: center;
                font-size: 34px;
            }
            .active{
                position: absolute;
                bottom: 0;
                left: 0;
                width: 80px;
                animation: myfirst 600ms infinite;
                @keyframes myfirst
                {
                    0%   {opacity: 0.1}
                    100% {opacity: 1}
                }
            }
        }

        .pane{
            .input{
                border: 1px solid #f0f0f0;
            }
            .active{
                border: 1px solid #777;
            }
        }

        .line{
            .input{
                border-bottom: 1px solid #f0f0f0;
            }
            .active{
                border-bottom: 2px solid #777;
            }
        }

    }

}